<HTML>
 
<head>
 
<meta charset="UTF-8">
 
<title>Restaurant Picker</title>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 

<link rel="stylesheet" href="gennalral.css" />
<link rel="stylesheet" href="StylesResstaurants.css" />
<link rel="stylesheet" href="jquery.mobile.structure-1.3.1.css" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
 
</head>

</div><!-- /page -->
 <body>
 
<div id="choisir_restau" data-role="pagel" data-add-back-btn="true">
 
<div data-role="header">
 
<h1> Restaurant Picker</h1>
 
</div>
 
<div data-role="content">
 
<div class="choice_list">
 
<h1> Please choose a restaurant.</h1>
 
<ul data-role="listview" data-inset="true" >
 
<li><a href="restaurant.html" data-transition="slidedown"> <img src="restau01_mini.jpg"/> <h2> Le Mouffetard</h2> <p> 4 stars </p></a></li>
 
<li><a href="restaurant.html" data-transition="slidedown"> <img src="restau02_mini.jpg "/> <h2> Chocolate bar </h2> <p> 4 stars </p> </a></li>
 
<li><a href="restaurant.html" data-transition="slidedown"> <img src="restau03_mini.jpg "/> <h2> Restaurant Diona</h2> <p> 1 star </p> </a></li>
 
<li><a href="restaurant.html" data-transition="slidedown"> <img src="restau04_mini.jpg "/> <h2> Tai Shan</h2> <p> 3 stars </p> </a></li>
 
<li><a href="restaurant.html" data-transition="slidedown"> <img src=" restau05_mini.jpg"/> <h2> Arcade</h2> <p> 2 stars </p> </a></li>
 
</ul>
 
</div>
 
</div>
 
</div><!-- /page -->
 
</body>